<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>个人游戏详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__PUBLIC__/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/layuiadmin/style/admin.css" media="all">
<body layadmin-themealias="default" style="">
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">数据概览</div>
        <div class="layui-card-body">

            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview" lay-anim="fade" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                <div carousel-item="" id="LAY-index-dataview">
                    <div class="layui-this" _echarts_instance_="1541060407213" style="-webkit-tap-highlight-color: transparent; -webkit-user-select: none; background-color: rgba(0, 0, 0, 0);">
                        <div style="position: relative; overflow: hidden; width: 854px; height: 332px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 854px; height: 332px; -webkit-user-select: none;"></div><canvas width="854" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 854px; height: 332px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="854" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 854px; height: 332px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="854" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 854px; height: 332px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
                </div>
                 <div class="layui-carousel-ind">
                     <ul>
                         <li class="layui-this"></li>
                     </ul>
                 </div>
                 <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
                 <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>

            </div>

        </div>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">数据概览</div>
        <div class="layui-card-body">

            <div id="vue">
                <h1>site:{{site}}</h1>
                <h1>url:{{url}}</h1>
                <h1>{{details()}}</h1>
                <div v-html="message"></div>
                <input class="layui-input" type="text" v-model="message" />
            </div>

        </div>
    </div>

</div>

<script src="__PUBLIC__/layuiadmin/layui/layui.js"></script>
<script src="__PUBLIC__/layuiadmin/lib/vue.js"></script>
<script type="text/javascript">
    layui.config({
        base: '__PUBLIC__/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table',"console"],function () {
        var vm = new Vue({
            el:'#vue',
            data:{
                site:'my vue',
                url:'www.baidu.com',
                alexa:'10000',
                message:'<h1>我的新fff起点</h1>'
            },
            methods:{
                details:function () {
                    return this.site+'-学习新起点'
                }
            }
        });
    });

</script>
</body>
</html>